<template>
  <v-app>
    <w-head style="z-index: 6" />
    <w-navi style="z-index: 5" />
    <!-- <w-sets style="z-index: 5" /> -->
    <!-- <w-tabs style="position: sticky; top: 64px; z-index: 3" /> -->

    <v-main class="mb-11">
      <router-view v-slot="{ Component }">
        <keep-alive>
          <component :is="Component" />
        </keep-alive>
      </router-view>
    </v-main>

    <v-footer class="d-none d-md-flex text-caption" style="z-index: 6" app>
      <v-container fluid>
        <span class="float-left">{{ env.VITE_APP_FOOT }}</span>
        <span class="float-right">版本：1.0.0</span>
      </v-container>
    </v-footer>
    <vtk-message />
  </v-app>
</template>

<script setup>
import wHead from "./_head"
// import wTabs from "./_tabs"
// import wSets from "./_sets"
import wNavi from "./_navi-left";

const env = process.env
</script>

<style lang="scss" scoped>
.v-theme--light.v-application {
  background-color: #F7F8FA;
}
.v-theme--light.v-footer {
  background-color: white;
}
</style>
